Les Balises

<base />	Url de base pour toutes les adresses relatives de la page
<link />	Lien relatif aux fichiers liés. Permet de lier une ou plusieurs feuilles de style externe (.css)
<meta />	Propriétés de la page web. Indique différentes informations d'Entete (Auteur, caractères...) qui ne seront pas affichées
<script />	Définition des options de script
<style></style>	Définition des styles Css internes à la page
<title></title>	Titre général de la page qui sera affiché en haut de la fenêtre du navigateur

Balises	Attributs
<base />	href
<link />	charset . href . hreflang . media . rel . rev . type
<meta />	content . dir . name . http-equiv
<style></style>	inline . type

<p></p>	Début et Fin de paragraphe de texte
<h1></h1>	Titre principal préformaté niveau 1
<h2></h2>	Sous-titre préformaté niveau 2
<h3></h3>	Sous-titre préformaté niveau 3
<h4></h4>	Sous-titre préformaté niveau 4
<h5></h5>	Sous-titre préformaté niveau 5
<h6></h6>	Sous-titre préformaté niveau 6
<hr></>	Insertion d'un séparateur (trait horizontal)
<br><br />	Saut à la ligne
<em></em>	Caractères en Italique. Emphase du texte
<i></i>	Mise en Italique
<b></b>	Mise en Gras
<strong></strong>	Caractère mis en valeur
<big></big>	Agrandissement de texte
<small></small>	Reduction de texte
<sup></sup>	Caractère mis en Exposant
<sub></sub>	Caractère mis en Indice
<q></q>	Caractères entre Guillemets (citation courte)
<blockquote></blockquote>	Retrait margé (tabulation) Citation longue
<dfn></dfn>	Définition
<abbr></abbr>	Glossaire des acronymes, abréviations, sigles
<acronym></acronym>	Acronyme
<address></address>	Adresse
<cite></cite>	Nom d'Auteur d'une citation
<bdo></bdo>	Sens d'affichage du texte
<ins></ins>	Elément inséré
<del></del>	Elément supprimé
<kbd></kbd>	Texte à saisir au clavier par l'utilisateur
<var></var>	Nom de variable de programme
<samp></samp>	Extrait de programme ou de script
<code></code>	Code source de programme ou de page web...
<pre></pre>	Affichage de code source initial
<tt></tt>	Texte à chasse fixe ou balise <pre>

Balises	Attributs
<abbr></abbr>	title
<acronym></acronym>	title
<q></q>	cite
<bdo></bdo>	dir (ltr ou rtl)
<ins></ins>	cite . datetime
<del></del>	cite . datetime

Balises	Paramètres Textes
<abbr></abbr>	<abbr title="définition du dico"> MOT	Affichage de l'infobulle sur le MOT

<table></table>	Tableau
<caption></caption>	Titre Tableau
<th></th>	Cellule d'en-tête de tableau
<td></td>	Cellule d'un tableau
<tr></tr>	Ligne d'un tableau
<col>< />	Mise en forme des colonnes d'un tableau
<colgroup></colgroup>	Définition d'un groupe de colonnes
<thead></thead>	Regroupement des cellules d'en-tête de tableau
<tbody></tbody>	Regroupement des cellules du corps d'un tableau
<tfoot></tfoot>	Regroupement des cellules du pied d'un tableau

Balises	Attributs
<table></table>	width . summary
<col>< />	width . span . char . charoff
<colgroup></colgroup>	width . span . char . charoff

Balises	Paramètres des Balises Tableaux
<td></td>	<td align = "center">	Centrage d'une cellule

<form></form>	Formulaire
<input>< />	Insertion d'éléments de formulaire
<label></label>	Libellé de champ de formulaire
<textarea></textarea>	Champ texte en lignes et colonnes
<button></button>	Bouton de formulaire
<select></select>	Liste déroulante
<option></option>	Elément d'une liste de choix
<optgroup></optgroup>	Regroupement des options dans une liste de choix
<fieldset></fieldset>	Regroupement d'éléments de formulaire dans un cadre
<legend></legend>	Titre d'un groupe d'éléments dans une balise <fieldset>

Balises	Attributs
<form></form>	action . method . enctype
<input>< />	name . type . size . accept . checked . disabled . readonly . maxlength . value
<label></label>	for
<textarea></textarea>	name . cols . rows . disabled . readonly
<button></button>	name . value . type
<select></select>	name . size . multiple . disabled .
<option></option>	value
<optgroup></optgroup>	label

Exemples des Paramètres

Balises	Paramètres des Balises formulaires
<input>	<input type="text" name="nom" size="20" value="Valeur initiale">	Insertion d'une Zone de texte
<input>	<input type="submit" value="titre" name="nom">	Insertion d'un bouton
<input>	<input type="checkbox" name="nom" value="ON" checked >	Insertion d'une case à cocher (checked = cochée)
<input>	<input type="radio" value="nom" checked name="nom_groupe" >	Insertion d'une case d'option (checked = cochée)
<textarea> </textarea>	<textarea rows="1" name="nom" cols="16" > Valeur initiale </textarea>	Insertion d'une Zone de texte déroulante
<select> </select>	<select size="1" name="nom"> <option value="valeur1">Valeur1 </option > <option value="valeur2">Valeur2 </option > </select>	Insertion d'un Menu déroulant

<a></a>	Création de lien
<img> </>	Balise image
<area></>	Zone d'image réactive découpee en plusieurs parties permettant plusieurs liens différents
<map></map>	Table descriptive des zones des balises <area>

Balises	Attributs
<a></a>	href . title . target
<img> </>	alt . src . title . longdesc . ismap . usemap . width . height . align . border
<area></>	alt . href . nohref . coords . shape
<map></map>	id

Exemples des Paramètres

Balises	Paramètres Liens & Images
<a></a>	<a href ="adresse relative de la page"/> Cliquez ici vers lien page 2 </a>	Affichage de lien
<a></a>	<a href ="adresse relative de la page" title="définition de la page"/> Cliquez ici vers lien page 2 </a>	Affichage du lien avec infobulle
<a></a>	<a href ="mailto:monemail@monfournisseurdacces.fr"/> Contactez moi par mail </a>	Lien Message BAL destinataire prédéfini
<a></a>	<a href ="mailto:monemail@monfournisseurdacces.fr?subject=objet du message"/> Contactez moi par mail </a>	Lien Message BAL objet prédéfini
<a></a>	<a href ="www.autresite.com"/> Cliquez ici pour accès vers autre site </a>	Lien vers un autre site
<a></a>	<a href ="dossier/autrefichier.html#Ancre" target="_blank"/> Position cible de l'ancre externe </a>	Lien vers une autre page, à l'emplacement de l'ancre du fichier externe, la cible s'ouvrant dans une nouvelle fenêtre du navigateur
<img></>	<img src="dossier/image.jpg" alt="photo 1" title="Photo vacances " />	Insertion d'une image
<img></>	<img src="image.jpg" alt="photo 2" width="100" height="100" align="bottom " border="0" />	Insertion d'une image

Notes :

Les balises images se placent toujours à l'intérieur d'une balise <p> </p>
title : infobulle
src : attribut de la balise img qui précise le chemin vers l'image
alt : attribut obligatoire de la balise img, texte alternatif à l'image, laisser vide si besoin
border : attribut qui permet de régler la ligne de lien apparaissant autour d'une image
link : attribut de la balise <body>qui gère la couleur de lien
vlink : attribut de la balise <body> qui gère la couleur de lien visité
alink : attributs de la balise <body> qui gère la couleur du lien au moment du click
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="red" alink="orange">

Plus d'infos sur les Liens et Images

<div></div>	Balise Conteneur (balise générique de bloc)
<span></span>	Balise d'application de style à une partie de texte précise (balise générique)
<object></object>	Balise d'insertion d'objets ou d'éléments externes (animations, sons , applets...)
<param>< />	Spécification d'un argument à l'objet <object> qui le contient
<script></script>	Balise d'insertion de script
<noscript></noscript>	Balise de signal de non exécution des scripts de la page par le navigateur

Balises	Attributs
<div></div>	class . id
<span></span>	class . id
<object></object>	type . data . archive . classid . standby . usemap . codebase . codetype
<param>< />	name . value
<script></script>	type . src

<dd></dd>	Définition d'une liste de définitions
<dl></dl>	Liste de définitions
<dt></dt>	Termes d'une liste de définitions
<li></li>	Liste à puces ordonnee
<ol></ol>	Liste numérotée
<ul></ul>	Liste à puces sans ordre

Les Balises

Les Balises d'Entete < Head >

Les Balises de Corps < Body > Textes

Les Balises de Corps < Body > Listes

Les Balises de Corps < Body > Tableaux

Les Balises de Corps < Body > Formulaires

Les Balises de Corps < Body > Liens / Images

Les Balises de Corps < Body > Autres Balises